<!doctype html>
<html lang="en" class="fullscreen-bg" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>微赢智能信息管理系统</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!-- VENDOR CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/assets/vendor/font-awesome/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/assets/vendor/linearicons/style.css}">
    <!-- MAIN CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/main.css}">
    <!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
    <link rel="stylesheet" th:href="@{/assets/css/demo.css}">
    <!-- ICONS -->
    <link rel="apple-touch-icon" sizes="76x76" th:href="@{/assets/img/apple-icon.png}">
    <link rel="icon" type="image/png" sizes="96x96" th:href="@{/assets/img/favicon.png}">
    <script th:src="@{/assets/vendor/jquery/jquery.min.js}"></script>
</head>
<body>
<!-- WRAPPER -->
<div id="wrapper">
    <div class="vertical-align-wrap">
        <div class="vertical-align-middle">
            <div class="auth-box ">
                <div class="left">
                    <div class="content">
                        <div class="header">
                            <div class="logo text-center"><img th:src="@{/assets/img/logo-dark1.png}"
                                                               alt="Klorofil Logo">
                            </div>
                            <p class="lead">登陆你的账户</p>
                        </div>
                        <form id="login-form" class="form-auth-small" th:action="@{/loginCheck}" method="post">
                            <div class="form-group">
                                <label for="signin-email" class="control-label sr-only"></label>
                                <input type="text" class="form-control" id="signin-email" name="userName"
                                       placeholder="账号"
                                >
                            </div>
                            <div class="form-group">
                                <label for="signin-password" class="control-label sr-only"></label>
                                <input type="password" class="form-control" id="signin-password" name="password"
                                       placeholder="密码">
                            </div>
                            <button type="submit" id="btn-login" class="btn btn-primary btn-lg btn-block">登陆</button>
                            <span th:text="${msg}" style="color: #ac2925"></span>
                        </form>
                    </div>
                </div>
                <div class="right">
                    <div class="overlay"></div>
                    <div class="content text">
                        <h1 class="heading" style="text-align: center">微赢智能信息管理系统</h1>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="container-fluid">
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37078602370880"
           style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img
                th:src="@{/assets/img/beian.png}" style="float:left;"/>
            <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">鲁公网安备
                37078602370880号</p></a>
    </div>
</footer>
<!-- END WRAPPER -->
</body>
</html>
